<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
	<jsp:include page="../common/top.jsp"></jsp:include>
	<!-- ================== PAGE LEVEL STYLE START ================== -->
	<link rel="stylesheet" href="resource/assets/data-table/css/data-table.css" />
	<!-- ================== PAGE LEVEL STYLE END ================== -->
	
    <jsp:include page="../common/left.jsp"></jsp:include>
    <div id="content">
		<div class="container-fluid">
			<h1 class="page-title">车辆管理<small>在这里进行车辆管理</small></h1>
			<div class="row-fluid">
				<div class="span12">
					<div class="widget">
						<div class="widget-header">
							<h4>车辆信息</h4>
						</div>
						<div class="widget-content">
							<ul class="nav nav-tabs">
								<li class="active"><a href="#overview" data-toggle="tab"><i class="icon-desktop"></i> <span class="hidden-phone">查看信息</span></a></li>
								<li><a href="#edit-profile" data-toggle="tab"><i class="icon-edit"></i> <span class="hidden-phone">修改信息</span></a></li>
                                <li><a href="#change-image" data-toggle="tab"><i class="icon-picture"></i> <span class="hidden-phone">Change Image</span></a></li>
								
							</ul>
							<div class="tab-content">
								<div class="tab-pane fade active in" id="overview">
									<div class="user-profile">
										<div class="profile-header">
											<i class="icon-info-sign"></i>车辆详情 
										</div>
										<div class="profile-image">
											<img src="assets/img/user-profile-pic-4.png" alt="">
										</div>
										<div class="profile-info">
											<table class="table">
												<tbody><tr>
													<td><span class="field-name">品牌:</span> <span class="detail">兰博基尼</span></td>
												</tr>
												<tr>
													<td><span class="field-name">型号:</span> <span class="detail">A12306</span></td>
												</tr>
												<tr>
													<td><span class="field-name">载重:</span> <span class="detail">2T</span></td>
												</tr>
												<tr>
													<td><span class="field-name">车牌号:</span> <span class="detail">渝A12333</span></td>
												</tr>
												<tr>
													<td><span class="field-name">所属配送点:</span> <span class="detail">西永配送点</span></td>
												</tr>
												<tr>
													<td><span class="field-name">车辆状态:</span> <span class="detail">出货中</span></td>
												</tr>
											
												<tr>
													<td><span class="field-name">备注:</span>
														<span class="detail">
														大家好，我是兰博基尼A12306.
														</span>
													</td>
												</tr>
											</tbody></table>
										</div>
										<div class="profile-footer">
											<a href="#" class="btn btn-large btn-primary">刷新信息</a>
											<a href="#" class="btn btn-large">删除车辆</a>
										</div>
									</div>
								</div>
								<div class="tab-pane fade" id="edit-profile">
									<div class="user-profile">
										<form class="form-horizontal margin-bottom-0">
											<div class="profile-header">
												<i class="icon-cogs"></i> 修改信息
											</div>
											<div class="control-group">
												<label class="control-label">品牌：</label>
												<div class="controls">
													<input class="span6" type="text" value="Sean">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">型号：</label>
												<div class="controls">
													<input class="span6" type="text" value="Ngu">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">载重：</label>
												<div class="controls">
													<input class="span6" type="text" value="Nguok Siong">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">所属配送点：</label>
												<div class="controls">
													<select class="span6" id="select-box">
														<optgroup label="Alaskan/Hawaiian Time Zone">
															<option value="AK">Alaska
															</option><option value="HI">Hawaii
														</option></optgroup>
														<optgroup label="Pacific Time Zone">
															<option value="CA">California
															</option><option value="NV">Nevada
															</option><option value="OR">Oregon
															</option><option value="WA">Washington
														</option></optgroup>
														<optgroup label="Mountain Time Zone">
															<option value="AZ">Arizona
															</option><option value="CO">Colorado
															</option><option value="ID">Idaho
															</option><option value="MT">Montana</option><option value="NE">Nebraska
															</option><option value="NM">New Mexico
															</option><option value="ND">North Dakota
															</option><option value="UT">Utah
															</option><option value="WY">Wyoming
														</option></optgroup>
														<optgroup label="Central Time Zone">
															<option value="AL">Alabama
															</option><option value="AR">Arkansas
															</option><option value="IL">Illinois
															</option><option value="IA">Iowa
															</option><option value="KS">Kansas
															</option><option value="KY">Kentucky
															</option><option value="LA">Louisiana
															</option><option value="MN">Minnesota
															</option><option value="MS">Mississippi
															</option><option value="MO">Missouri
															</option><option value="OK">Oklahoma
															</option><option value="SD">South Dakota
															</option><option value="TX">Texas
															</option><option value="TN">Tennessee
															</option><option value="WI">Wisconsin
														</option></optgroup>
														<optgroup label="Eastern Time Zone">
															<option value="CT">Connecticut
															</option><option value="DE">Delaware
															</option><option value="FL">Florida
															</option><option value="GA">Georgia
															</option><option value="IN">Indiana
															</option><option value="ME">Maine
															</option><option value="MD">Maryland
															</option><option value="MA">Massachusetts
															</option><option value="MI">Michigan
															</option><option value="NH">New Hampshire</option><option value="NJ">New Jersey
															</option><option value="NY">New York
															</option><option value="NC">North Carolina
															</option><option value="OH">Ohio
															</option><option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina
															</option><option value="VT">Vermont</option><option value="VA">Virginia
															</option><option value="WV">West Virginia
														</option></optgroup>
													</select>
												</div>
											</div>
										
											<div class="control-group">
												<label class="control-label">车牌号：</label>
												<div class="controls">
													<input class="span6" type="text" value="重庆">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">车辆状态：</label>
												<div class="controls">
													<input class="span6" type="text" value="重庆">
												</div>
											</div>
                                            
											<div class="control-group">
												<label class="control-label">备注</label>
												<div class="controls">
													<textarea class="span6" rows="4">大家好我是兰博基尼A12306.</textarea>
												</div>
											</div>
											<div class="form-actions">
												<button type="submit" class="btn btn-primary"><i class="icon-ok-sign"></i> 更新</button>
											</div>
										</form>
									</div>
								</div>
								<div class="tab-pane fade" id="change-image">
									<div class="user-profile">
										<form class="form-horizontal margin-bottom-0">
											<div class="profile-header">
												<i class="icon-picture"></i> 车辆图片
											</div>
											<div class="control-group">
												<label class="control-label">图片</label>
												<div class="controls user-profile padding-0">
													<div class="profile-image">
														<img src="assets/img/user-profile-pic-4.png" alt="">
													</div>
												</div>
											</div>
											<div class="control-group">
												<div class="controls">
													<input type="file">
												</div>
											</div>
											<div class="form-actions">
												<button type="submit" class="btn btn-primary"><i class="icon-ok-sign"></i> 更新</button>
											</div>
										</form>
									</div>
								</div>
								
							</div>
						</div>
					</div>
				</div><!-- end span12 -->
			</div><!-- end row-fluid -->
		</div><!-- end container-fluid -->
	</div>
    <jsp:include page="../common/footer.jsp"></jsp:include>
    
    <!-- ================== PAGE LEVEL PLUGINS START ================== -->
	<script src="resource/assets/data-table/js/jquery-data-table.js"></script>
	<script src="resource/assets/data-table/js/data-table.js"></script>
	<!-- ================== PAGE LEVEL PLUGINS END ================== -->
    
    <jsp:include page="../common/foot.jsp"></jsp:include>
    
</html>
    
